<!DOCTYPE html>
<html>
<head>
    @include("/include/_header.html", {'title':'测试背景'}){}
    <meta charset="utf-8">
    <title>全端复杂组合</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="${ctxPath}/baotou-steel/craneWork/css/CraneWorkPublic.css" media="all">

</head>
<body>
<div class="layui-row">
    <div class="layui-col-md4">
        <div class="layui-row grid-demo">
            <div class="layui-col-md12" style="height: 16vh">
            </div>

            <div class="layui-col-md8 layui-col-md-offset1">
                <div class="layui-card" style="height : 24vh">
                    <div class="layui-card-body">
                        <label class="task-data-label" for="nowStatus">当前状态</label>
                        <input class="task-data-container" type="text" id="nowStatus" value="运行中">

                        <label class="task-data-label" for="nowMode">当前模式</label>
                        <input class="task-data-container" type="text" id="nowMode" value="下线">

                        <label class="task-data-label" for="nowTask">当前任务</label>
                        <input class="task-data-container" type="text" id="nowTask" value="下线">


                        <label class="task-data-label" for="nowStep">当前步骤</label>
                        <input class="task-data-container" type="text" id="nowStep" value="吸板">


                        <label class="task-data-label" for="nowSteel">当前钢板</label>
                        <input class="task-data-container" type="text" id="nowSteel" value="Q3213">
                    </div>
                </div>
            </div>

            <div class="layui-col-md12" style="height: 14vh">
            </div>

            <div class="layui-col-md8 layui-col-md-offset1 " style="height: 42vh">
                <div class="layui-card" style="height : 40vh">
                    <div class="layui-card-body">

                        <label class="data-label" for="data-input">天车上电</label>
                        <input class="data-container" type="text" id="data-input" value="是">


                        <label class="data-label" for="automaticModeLabel">运行模式</label>
                        <input class="data-container" type="text" id="automaticModeLabel" value="自动">


                        <label class="data-label" for="craneXLabel">大车位置</label>
                        <input class="data-container" type="text" id="craneXLabel" value="1000">


                        <label class="data-label" for="craneYLabel">小车位置</label>
                        <input class="data-container" type="text" id="craneYLabel" value="1000">


                        <label class="data-label" for="craneZLabel">起升高度</label>
                        <input class="data-container" type="text" id="craneZLabel" value="1000">


                        <label class="data-label" for="nowElectricStatus">运行状态</label>
                        <input class="data-container" type="text" id="nowElectricStatus" value="进行中">


                        <label class="data-label" for="nowElectricSteel">当前钢板</label>
                        <input class="data-container" type="text" id="nowElectricSteel" value="Q2345">

                        <label class="data-label" for="doorStatus">门禁状态</label>
                        <input class="data-container" type="text" id="doorStatus" value="闯入">

                        <label class="data-label" for="suckStatus">吸板状态</label>
                        <input class="data-container" type="text" id="suckStatus" value="吸板">

                        <label class="data-label" for="left2">信号预留</label>
                        <input class="data-container" type="text" id="left2" value="吸板">

                        <label class="data-label" for="left3">信号预留</label>
                        <input class="data-container" type="text" id="left3" value="吸板">

                        <label class="data-label" for="left4">信号预留</label>
                        <input class="data-container" type="text" id="left4" value="吸板">


                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="layui-col-md8">
        <div class="layui-row grid-demo grid-demo-bg1">
            <div class="layui-col-md11" style="height: 13vh">
            </div>

            <div class="layui-col-md11">
                <div class="layui-card" style="height : 64vh">
                    <div class="layui-card-body">
                        <div class="pixiArea" id="craneAnimate">
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md11" style="height: 12vh">
            </div>
            <div class="layui-col-md11">
                <div class="layui-card" style="height : 9vh">
                    <div class="layui-card-body">
                        <from class="layui-form" action="">
                            <div class="layui-inline">
                                <div class="layui-inline">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">工作模式：</label>
                                        <input type="radio" id="offlineMode" name="selectWorkModel" value="offline"
                                               title="下线"
                                               lay-filter="WorkModeRadio" checked>
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label" style="margin-left :0">吸取张数：</label>
                                        <input type="number" class="layui-input" id="sheetNumberInput"
                                               name="sheetNumber"
                                               lay-verify="required"
                                               lay-filter="" required lay-verify="required" autocomplete="off"
                                               style="margin-left :0;width: 85px;display: inline" value="1"/>

                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block" >
                                            <button class="layui-btn custom-btn" lay-submit lay-filter="startTask"
                                                    style="display: inline">开始任务
                                            </button>
                                            <button class="layui-btn layui-btn-danger custom-btn" lay-submit lay-filter="stopTask"
                                                    style="display: inline">停止任务
                                            </button>
                                        </div>

                                    </div>
                                </div>
                            </div>


                            <!--                            <div class="layui-form-item">-->
                            <!--                                <label class="layui-form-label" style="margin-left :0">吸取张数：</label>-->
                            <!--                                <input type="number" class="layui-input" id="sheetNumberInput"-->
                            <!--                                       name="sheetNumber"-->
                            <!--                                       lay-verify="required"-->
                            <!--                                       lay-filter="" required lay-verify="required" autocomplete="off"-->
                            <!--                                       style="margin-left :0;width: 85px;display: inline" value="1"/>-->

                            <!--                            </div>-->


                            <!--                            <div class="layui-form-item">-->
                            <!--                                <div class="layui-input-block" style="margin-left: 62%">-->
                            <!--                                    <button class="layui-btn" lay-submit lay-filter="startTask">开始任务</button>-->
                            <!--                                    <button class="layui-btn" lay-submit lay-filter="stopTask">停止任务-->
                            <!--                                    </button>-->
                            <!--                                </div>-->
                            <!--                            </div>-->

                            <!--                            <div class="layui-form-item">-->
                            <!--                                <div class="layui-input-block" style="margin-left: 62%">-->
                            <!--                                    <button class="layui-btn  layui-btn-danger" lay-submit lay-filter="actionError">紧急停车-->
                            <!--                                    </button>-->
                            <!--                                    <button class="layui-btn layui-btn-warm" lay-submit lay-filter="stopTask">取消任务-->
                            <!--                                    </button>-->
                            <!--                                </div>-->
                            <!--                            </div>-->


                        </from>
                    </div>
                </div>
            </div>


        </div>
    </div>
</div>
<script src="${ctxPath}/externaljs/pixijs/pixi.min.js"></script>
<script src="${ctxPath}/baotou-steel/craneWork/craneWorkPublic.js"></script>
<script src="${ctxPath}/externaljs/sockjs/sockjs.min.js"></script>
<script src="${ctxPath}/externaljs/stompjs/stomp.min.js"></script>
<script src="${ctxPath}/externaljs/websocket/app-websocket.js"></script>
<script src="${ctxPath}/externaljs/tweenmax/TweenMax.js"></script>

@include("/include/_container.html", {'js':'/baotou-steel/craneWork/CD0CraneWork.js'}){}
</body>
<style>
    body {
        background-image: url("${ctxPath}/baotou-steel/craneWork/images/CD0Crane/background.jpg");
        background-size: cover;
    }


</style>
</html>